<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="description" content="模板：表单录入页面" />
<title>大丰银行</title>
<link rel="stylesheet" href="../../css/theme/default/all.css"/>
<script src="../../js/jquery-1.8.2.js"></script>
<script src="../../js/jquery.easing.1.3.js"></script> 
<script src="../../js/ui/jquery.ui.core.js"></script>
<script src="../../js/ui/jquery.ui.widget.js"></script>
<script src="../../js/ui/jquery.ui.mouse.js"></script> 
<script src="../../js/plus.js?version=${js_version}"></script>
<script src="../../js/util.js?version=${js_version}"></script>
<style type="text/css">
</style>
</head>
<body>
	<!-- 导航栏 -->
	<div class="navbar">
		<ul>
			<li>当前位置：</li>
			<li>开发帮助&gt;</li>
			<li>表单录入页面</li>
		</ul>
	</div>
	<div class="page">	
		<div id="form_input" class="nopadding">
			<table class="ui-form" border="0" cellpadding="0" cellspacing="0">
				<tbody>
					<tr>
						<td width="30%" class="td-label">支款賬號：</td>
						<td width="180" class="td-input"><span id="fukuanzh">0020
								**** 6219</span></td>
						<td class="td-desc"></td>
					</tr>
					<tr>
						<td class="td-label">币别：</td>
						<td class="td-input">
							<ul class="group" data-name="ccy" data-type="radio"
								data-group="chanel" data-label="币别">
								<li data-value="MOP" class="selected">澳门币</li>
								<li data-value="HKD">港币</li>
							</ul>
						</td>
						<td class="td-desc"></td>
					</tr>
					<tr>
						<td class="td-label">收款賬號：</td>
						<td class="td-input"><input name="receiveAcctNo" data-minlength="10" 
							data-label="收款賬號" data-required="true" data-type="string"
							placeholder="請輸入收款賬號" data-maxlength="16" value="" type="text">
						</td>
						<td class="td-desc"></td>
					</tr>
					<tr>
						<td class="td-label">转账金额：</td>
						<td class="td-input"><input name="amount" data-label="转账金额"
							data-type="money" data-min="1" data-max="10000"  placeholder="請輸入转账金额" value="0" type="text">
						</td>
						<td class="td-desc"></td>
					</tr>   
					<tr>
						<td class="td-label">附言：</td>
						<td class="td-input"><input name="mark"
							data-label="最大长度"
							data-type="text" data-maxlength="10" placeholder="请输入附言" value=""
							type="text"></td>
						<td class="td-desc"></td>
					</tr> 
				</tbody>
			</table>
			<div align="center" style="padding-top:10px;">
				<button data-role="reset">重 置</button>
				<button data-role="submit">提 交</button>
				<button data-role="cancel">取 消</button>
			</div>
		</div>
	</div>
	<!-- templates 泡泡消息 -->
	<div id="paopao_layer" style="display:none;position: absolute;z-index: 1104; ">
		<div class="pao_tag leftBottom"></div>
		<div class="pao-shadow">
			<div class="pao_msg"></div>
		</div>
	</div>
</body>
<script type="text/javascript">
	$(function() {
		var panel = $("#form_input");
		// 单选
		var radioGroup = panel.find("ul[data-type$='radio']>li");
		radioGroup.bind("click", function() {
			$(this).parent().find("li").removeClass("selected");
			$(this).addClass("selected");
		});

		// 按钮
		buttons = panel.find("button");
		buttons.filter("[data-role$='submit']").bind("click", function() {
			var theme = $("#form_input");
			// 表单验证
			if (!validator($(theme))) {
				return false;
			}
			// 提交内容
			var sendObj = getFormJson(theme);
			alert(JsonToStr(sendObj));
			// 跳转页面,路径相对于demo/index.html
			//YT$.gotoPage('template/flow_next.html');
			var url = "../../data/PD01001Op.do";
			var ajax = new TransAjax();
			ajax.sendPostData(url, JsonToStr(sendObj), function(rpdata) {
				var test=rpdata.forward_path;
				alert("-----success-------"+test);
			});

		});
		buttons.filter("[data-role$='reset']").bind("click", function() {
			// 错误提示清理
			validatorClean($("#form_input"));
		});
		// 初始化检验事件
		initValidate(panel);
	});
</script>
</html>